<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>移动卡</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<link rel="stylesheet" href="https://static.91haoka.cn/vant.css" />
		<script src="https://static.91haoka.cn/vue.min.js"></script>
		<script src="https://static.91haoka.cn/vantall.js"></script>
		<script src="https://static.91haoka.cn/axios.min.js"></script>
		<link rel="stylesheet" type="text/css" href="https://static.91haoka.cn/all.css" />
		<link rel="stylesheet" href="https://photo.91haoka.cn/tuiguang/all.css?v=1.1">
		<script src="https://cdn.rockysports.cn/moment.js" type="text/javascript" charset="utf-8"></script>
		<script src="./peizhi31.js"></script>
	</head>
	

	<body>
		<div id="app" style="background:#8cd89d; min-height: 100vh;" v-cloak>
			
			<div class="top">
				<div class="topimg">
					<img src="img/mh1177.jpg" @click="applog = true">
				</div>
			</div>
			<!-- <van-swipe style="height: 44px;  background: rgba(255, 255, 255, 0.1); " vertical :show-indicators="false" autoplay="1000" loop>
				  <van-swipe-item>李**抢得婉然卡  1秒钟前</van-swipe-item>
				  <van-swipe-item>孙**抢得婉然卡  2秒钟前</van-swipe-item>
				  <van-swipe-item>王**抢得婉然卡  3秒钟前</van-swipe-item>
				  <van-swipe-item>李**抢得婉然卡  5秒钟前</van-swipe-item>
				  <van-swipe-item>孙**抢得婉然卡  6秒钟前</van-swipe-item>
				  <van-swipe-item>王**抢得婉然卡  6秒钟前</van-swipe-item>
				  <van-swipe-item>于**抢得婉然卡  7秒钟前</van-swipe-item>
				  <van-swipe-item>李**抢得婉然卡  10秒钟前</van-swipe-item>
				  <van-swipe-item>孙**抢得婉然卡  11秒钟前</van-swipe-item>
				  <van-swipe-item>王**抢得婉然卡  12秒钟前</van-swipe-item>
				  <van-swipe-item>于**抢得婉然卡  12秒钟前</van-swipe-item>
				  <van-swipe-item>李**抢得婉然卡  13秒钟前</van-swipe-item>
				  <van-swipe-item>孙**抢得婉然卡  14秒钟前</van-swipe-item>
				  <van-swipe-item>王**抢得婉然卡  15秒钟前</van-swipe-item>
				  <van-swipe-item>于**抢得婉然卡  3秒钟前</van-swipe-item>
			</van-swipe> -->
			<div style="padding: 0.2rem 0.3rem;">
				<div style="background: rgba(0, 0, 0, 0.3); border-radius:5px; padding:0.3rem; ">
					<div class="flex shurukuang" >
						<div style="width: 2rem; overflow:hidden;"><span style="color:#f00; margin-right: 3px;">*</span>办理人姓名</div>
						<div class="shurukuang2">
							<van-field v-model="all.id_name" placeholder="请输入办理人姓名" />
						</div>
					</div>
					<div class="flex shurukuang" >
						<div style="width: 2rem; overflow:hidden;"><span style="color:#f00; margin-right: 3px;">*</span>联系电话</div>
						<div class="shurukuang2">
							<van-field v-model="all.mobile" type="tel" placeholder="请输入联系电话" />
						</div>
					</div>
					
					<div v-if="all.id_name && all.mobile.length == 11">
						<div>
							<div class="flex shurukuang" >
								<div style="width: 2rem; overflow:hidden;"><span style="color:#f00; margin-right: 3px;">*</span>身份证号</div>
								<div class="shurukuang2">
									<van-field v-model="all.id_num" placeholder="请输入身份证号" />
								</div>
							</div>
						</div>
						
						<!-- <div>
							<div class="flex shurukuang" v-if="!peizhi.shouhuorenxingming">
								<div style="width: 1.6rem; overflow:hidden;">收货人</div>
								<div class="shurukuang2">
									<van-field v-model="all.name" placeholder="请输入收货人" />
								</div>
							</div>
						</div> -->
										
						<div class="flex shurukuang" >
							<div style="width: 2rem; overflow:hidden;"><span style="color:#f00; margin-right: 3px;">*</span>所在地区</div>
							<div class="shurukuang2" style=" line-height:44px; position:relative;" @click="showPopup">
								<div class="where">{{shengshiqu}}
									<van-icon name="arrow" size="14" style="position: absolute; top: 0px; line-height:44px; right:0;" />
								</div>
							</div>
						</div>
						
						<div class="flex shurukuang" >
							<div style="width: 2rem; overflow:hidden;"><span style="color:#f00; margin-right: 3px;">*</span>详细地址</div>
							<div class="shurukuang2">
								<van-field v-model="all.address" placeholder="请输入详细地址" />
							</div>
						</div>
				
					</div>
					
					<div class="dong" v-if="tijiaoing" @click="tijiao">免费领取 包邮到家</div>
					<div class="dong" v-if="!tijiaoing">提交订单中...</div>
					
					<div style="font-size: 12px; margin: 0.2rem 0rem; display: flex; flex-wrap: wrap; align-items: center;" >
						<!-- <van-checkbox v-model="checked" style="margin-right: 0.1rem; font-size: 12px; color: #fff;">我已阅读并同意</van-checkbox> -->
						<van-icon style="margin-bottom: 0.2rem;" name="circle" size="16px" color="#fff" v-if="!checked" @click="checked = !checked"></van-icon>
						<van-icon style="margin-bottom: 0.2rem;" name="checked" size="16px" color="#e1cc40" v-if="checked"  @click="checked = !checked" ></van-icon>
						<span style="color: #fff; margin-left: 0.1rem;margin-bottom: 0.2rem;">我已阅读并同意</span>
						<!-- <span style="color: #e1cc40;font-size: 12px;margin-bottom: 0.2rem;" @click="log1 = true">《实名制信息安全责任告知书》</span> -->
						<span style="color: #e1cc40;font-size: 12px; margin-bottom: 0.1rem;" @click="log2show">《实名制信息安全责任告知书》、《中国移动通信客户服务协议》、</span>
						<span style="color: #e1cc40;font-size: 12px;margin-bottom: 0.2rem;" @click="log3 = true">《关于客户个人信息收集、使用及保护的公告》</span>
					</div>
					
					<!-- <div style="margin-top: 0.1rem;">
						<img src="img/mh316.png">
					</div> -->
					
				</div>
				<!-- <div class="daojishi" style="margin-top: 0.2rem;">
					<div style="font-size: 20px;">即刻领取</div>
					<van-count-down style="color: #fff; font-size: 20px; font-family: 'Courier New', Courier, monospace; position: relative; top: 2px;" millisecond :time="time" format="mm:ss:SS" />
				</div> -->
				
			</div>
			
				
			
			
			
			<div class="top" style="margin-top: 0.2rem; position: relative;">
				<div class="topimg">
					<img src="img/mh2177.jpg">
				</div>
				<a @click="log4 = true" style="position: absolute; display: block; bottom: 0.4rem; left: 1.6rem; width: 1.5rem;  height: 0.5rem;">
					
				</a>
			</div>
			<div style="padding: 0.3rem; color: #fff;">
				<div style="text-align: center; padding-bottom: 0.2rem; font-size: 16px;" class="flexcc">
					规则详情
					<van-icon name="arrow-down" style="margin-left:10px;" ></van-icon>
				</div>
				
				<div v-if="guizeshow">
<br />1、动感地带潮玩卡pro版（39元档）促销产品是以动感地带潮玩卡pro版（39元档）为主体产品，需办理12个月合约产品动感地带潮玩卡pro版（39元档）-12个月合约，合约优惠包含103GB通用流量+50GB通用流量和每月10元套餐月费减免。激活后可在送卡小哥处办理充50送120的活动。动感地带潮玩卡pro版（39元档）新入网用户免收首月套餐费（激活当日起至当月底），套餐内通用流量、专属流量、亲情网优惠全量提供，次月起全额收取39元/月。该资费有效期至2024年12月31日，如无异议顺延一年。
<br />2、动感地带潮玩卡pro版（39元档）套餐内包含5GB通用流量和30GB专属流量月包，专属流量范围包括中国移动精品APP及阿里系、百度系、抖音系、网易游戏、腾讯系、芒果TV、快手、喜马拉雅、新浪微博、VIVO等超过100款第三方热门APP。具体支持专属流量的APP清单随中国移动业务合作情况或将发生变动，以订购页面具体内容为准。
<br />3、激活时连带办理合约活动动感地带潮玩卡pro版（39元档）-12个月合约，办理当月立即生效，合约期12个月，合约期内每月送50GB通用流量，流量不可结转、不可共享、不可转赠，另合约期内从次月起每月优惠10元套餐费用，合约到期后自动失效。合约期12个月内需使用动感地带潮玩卡pro版（39元档），提前取消合约或更改套餐后，将无法享受相关活动优惠。提前退出合约可前往号码归属地线下营业厅办理。
<br />4、动感地带潮玩卡pro版（39元档）-12个月合约活动额外还可享受103G通用流量*12个月的加赠，流量不可结转、不可共享、不可转赠，激活即得，当月赠送流量月底清零。提前取消合约或更改套餐后系统会自动为您退订103GB通用流量包，流量包预计在激活后24小时之内到账，请保证号码状态正常，保证流量包顺利加赠。用户也可到中国移动APP-我的-已订业务退订103GB通用流量包业务，用户主动退订后无法再次订购。流量优先级以号码归属省为准。
<br />5、激活完成后还可在配送人员处进入指定充值页面，完成一笔50元及以上的话费充值，即可参加充值50元送120元活动，120元赠费从次月起分12个月到账，每月到账10元话费，提前取消合约或更改套餐后，将不再返还赠费。返还话费预计每月8号前到账。每位用户只能参加1次充50送120活动，不能叠加享受其他充值优惠活动。
<br />6、动感地带潮玩卡pro版（39元档）套外通用流量5元1G，当月有效。套内通用流量可结转、不可转赠、不可共享；专属流量不可结转、不可转赠、不可共享。每月总流量（含通用流量、专属流量）使用上限以各省规则为准，次月初自动恢复。
<br />7、动感地带潮玩卡pro版（39元档）套外语音资费0.1元/分钟，免费接听；国内点对点短信0.1元/条，包含来电显示。
<br />8、建议使用专属流量包前将APP升级至最新版本，请在WIFI功能关闭下使用专属流量功能，避免WIFI和移动网络频繁切换导致专属流量服务启动失败。客户端不包含在“专属流量”内的使用范围，特别说明如下：
<br />① 客户端启动、登录；客户端内的插播广告（图片、文字及视频）、内嵌H5页面、弹幕，第三方的广告，直播或主播类视频，K歌功能，语音及视频聊天，在线观看和下载缓存的第三方视频等。
<br />②手机号码处于国际或港澳台地区漫游状态下产生的流量。
<br />③利用手机设置代理服务器或虚拟专用网络等方式，访问APP所产生的流量。
<br />④用无线上网卡、平板电脑、CPE、MIFI等非手机设备使用产生的流量。
<br />⑤使用CMWAP接入点方式，访问视频APP所产生的流量。
<br />⑥当潮玩卡号码作为热点使用时，网络不稳定可能会出现专属流量和通用流量交错使用的情况。
<br />9、动感地带潮玩卡pro版（39元档）内包含全国亲情网3个亲情号码（含主号4人）国内畅聊，您可在中国移动APP开通全国亲情网（统付版）并添加亲情号码。
<br />10、上述资费适用范围不含港澳台地区。
<br />11、同一身份证在30天内能够购买一个号码，号卡仅寄送本省，需本人持身份证当面激活。因国家政策原因部分地址可能无法配送。号卡受理结果以系统实际返回结果为准。
<br />12、为了保障通信秩序，对于申请人信息、年龄、IP、联系方式、联系地址相近或异常等疑似重复购买或异常订购的订单，可能不予发货。
<br />13、根据国家实名制相关规定，请保证所购号卡为本人使用，不得转售、倒卖号卡。
<br />14、根据上级部门要求，未满18岁用户无法在线上办理入网手续；运营商行业办理超过10张号卡用户可能会存在涉诈法律风险，无法在线上完成入网手续。
<br />15、其它未尽事宜，详询10086。

<br />专属流量APP清单

<br />哔哩哔哩、快手（含快手极速版）、芒果TV、新浪微博、网易云音乐、喜马拉雅

<br />腾讯系：
<br />手机QQ、腾讯视频、和平精英、QQ音乐、酷狗音乐、酷我音乐、手游加速器

<br />阿里系：
<br />优酷视频、手机淘宝、点淘、手机天猫、支付宝、钉钉、口碑、闲鱼、聚划算、蚂蚁财富

<br />百度系：
<br />百度、爱奇艺、百度地图、手机助手、百度输入法、好看视频、百度贴吧、百度文库、百度翻译、百度百科、秒懂百科、百度知道、百度网盘、爱奇艺随刻、爱奇艺泡泡、爱奇艺奇巴布、爱奇艺知识、爱奇艺漫画、奇秀、电视果

<br />抖音系：
<br />抖音及其极速版或lite版、头条及其极速版或lite版、抖音火山版、西瓜、半次元、图虫、皮皮虾、番茄畅听、懂车帝、FaceU激萌、轻颜相机、飞书、飞聊、多闪、gogokid、时光相册

<br />网易游戏：
<br />一梦江湖、大话西游、大唐无双、第五人格、非人学园、孤岛先锋、光明大陆、花与剑、荒野行动、决战平安京、流星蝴蝶剑、率土之滨、梦幻西游、梦幻西游3D、梦幻西游无双、秘境对决、明日之后、倩女幽魂、权力与纷争、神都夜行录、实况足球、坦克世界闪击战、天下、天谕手游、阴阳师、永远的七日之都、战国志、终结战场、镇魔曲、三国如龙传、量子特攻、大航海之路

<br />VIVO系：
<br />vivo应用商店、vivo游戏中心、i音乐、i主题、vivo官网、vivo商城

<br />中国移动精品应用：
<br />咪咕视频、咪咕音乐、咪咕阅读、咪咕快游、MM应用商城、中国移动云盘

<br />专属流量适用范围：
<br />建议使用专属流量包前将APP升级至最新版本，请在WIFI功能关闭下使用专属流量功能，避免WIFI和移动网络频繁切换导致专属流量服务启动失败。客户端不包含在“专属流量”内的适用范围，特别说明如下：
<br />① 客户端启动、登录；客户端内的插播广告（图片、文字及视频）、内嵌H5页面、弹幕，第三方的广告，直播或主播类视频，K歌功能，语音及视频聊天，在线观看和下载缓存的第三方视频，通过腾讯视频下载视频等。
<br />②手机号码处于国际或港澳台地区漫游状态下产生的流量。
<br />③利用手机设置代理服务器或虚拟专用网络等方式，访问APP所产生的流量。
<br />④用无线上网卡、平板电脑、CPE、MIFI等非手机设备使用产生的流量。
<br />⑤使用CMWAP接入点方式，访问视频APP所产生的流量。
<br />⑥当宝藏卡号码作为热点使用时，网络不稳定可能会出现专属流量和通用流量交错使用的情况。

				
				</div>
				
			</div>
			<div class="top" style="margin-top: 0.2rem; position: relative;">
				<div class="topimg">
					<img :src="tututu">
				</div>
			</div>
			
			
			<!-- <div style="padding: 0.3rem; color: #fff;">
				<div style="text-align: center; padding-bottom: 0.2rem; font-size: 16px;" class="flexcc" @click="guizeshow = true">规则详情<van-icon name="arrow-down" style="margin-left:10px;" /></div>
				<div v-if="guizeshow">
					<div>1、宝藏卡39元档新入网用户免收首月套餐费（激活当日起至当月底），套餐内专属流量、亲情网优惠全量提供，次月起全额收取39元/月。
					</div><div>2、宝藏卡39元档套餐内包含5GB通用流量和30GB专属流量月包，专属流量范围包括中国移动精品APP及阿里系、百度系、抖音系、网易游戏、腾讯系、芒果TV、快手、喜马拉雅、新浪微博、VIVO等超过100款第三方热门APP。具体支持专属流量的APP清单随中国移动业务合作情况或将发生变动，以订购页面具体内容为准。
					</div><div>3、宝藏卡39元档套外通用流量5元1G，当月有效。专属流量均不可结转、不可转赠、不可共享。每月总流量（含通用流量、专属流量）使用上限以各省规则为准，次月初自动恢复。
					</div><div>4、宝藏卡39元档套外语音资费0.1元/分钟，免费接听；国内点对点短信0.1元/条，包含来电显示。
					</div><div>5、建议使用专属流量包前将APP升级至最新版本，请在WIFI功能关闭下使用专属流量功能，避免WIFI和移动网络频繁切换导致专属流量服务启动失败。客户端不包含在“专属流量”内的使用范围，特别说明如下：
					</div><div>① 客户端启动、登录；客户端内的插播广告（图片、文字及视频）、内嵌H5页面、弹幕，第三方的广告，直播或主播类视频，K歌功能，语音及视频聊天，在线观看和下载缓存的第三方视频等。
					</div><div>②手机号码处于国际或港澳台地区漫游状态下产生的流量。
					</div><div>③利用手机设置代理服务器或VPN等方式，访问APP所产生的流量。
					</div><div>④用无线上网卡、平板电脑、CPE、MIFI等非手机设备使用产生的流量。
					</div><div>⑤使用CMWAP接入点方式，访问视频APP所产生的流量。
					</div><div>⑥当宝藏卡号码作为热点使用时，网络不稳定可能会出现专属流量和通用流量交错使用的情况。
					</div><div>6、宝藏卡内包含全国亲情网3个亲情号码（含主号4人）国内畅聊，您可在中国移动APP开通全国亲情网（统付版）并添加亲情号码。
					</div><div>7、上述资费适用范围不含港澳台地区。
					</div><div>8、同一身份证在30天内能够购买一个号码，号卡仅寄送本省，需本人持身份证当面激活。因国家政策原因部分地址可能无法配送。号卡受理结果以系统实际返回结果为准。
					</div><div>9、为了保障通信秩序，对于申请人信息、年龄、IP、联系方式、联系地址相近或异常等疑似重复购买或异常订购的订单，可能不予发货。
					</div><div>10、根据国家实名制相关规定，请保证所购号卡为本人使用，不得转售、倒卖号卡。
					</div><div>11、为降低您接收境外诈骗短信风险，按上级主管部门要求，中国移动为您提供按需开通国际及港澳台短信接收、电话接听功能的服务。若您需要开通“国际及港澳台短信接收”或国际及港澳台来话接听”功能，可分别发送“KTGJDX”或“KTGJLH”到10086办理，也可通过10086热线、中国移动APP等渠道开通相关功能。
					</div><div>12、广东为灵活账期省份，首月免月费优惠参考客户实际账期规则。
					</div><div>13、其它未尽事宜，详询10086。 </div>
				</div>
				
			</div> -->
			
			<van-popup v-model="log4" style="width: 90%; height: 60vh;  padding: 0.3rem;">
				<img src="img/mh316.png">
			</van-popup>

			<van-popup v-model="show" position="bottom">
				<van-area :area-list="areaList" :columns-placeholder="['请选择', '请选择', '请选择']" @confirm="queren" @cancel="quxiao" />
			</van-popup>
			<van-popup v-model="log1" style="width: 90%; height: 60vh;  padding: 0.3rem;">
				<div class="fz" style=" text-indent: 24px;">
					<div style="text-align: center; text-indent: 24px;">实名制信息安全责任</div>
					<div>告知书</div>
					<div>尊敬的客户：</div>
					<div>感谢您选择中国移动！当您在办理移动号码入网时，请您确保这是您本人的自愿行为，且为您自己使用而办理，不是在他人要求或指使下办理，不是办理后给他人使用。
					同时特别提醒您：您应持本人身份证原件办理号码入网，您对本号码拥有使用权。根据国家公安部等五部委《关于依法严厉打击惩戒治理非法买卖电话卡银行卡违法犯罪活动的通告》，入网号码必须实名登记，且不得将号卡租借、贩卖或以任何方式提供给他人。如您的号码被他人利用发生涉恐、诈骗、骚扰等非法违规行为，您将承担本号码项下产生的所有责任，请您确保规范使用您的号码。
					</div>
					<div>中国移动通信集团销售分公司</div>
				</div>
			</van-popup>
			<van-popup v-model="log2" style="width: 90%; height: 60vh;  padding: 0.3rem;">
				<div style="font-size: 12px; text-indent: 24px;">
					<!-- <div class="fz" style=" text-indent: 24px;">
						<div style="text-align: center; text-indent: 24px;">实名制信息安全责任</div>
						<div>告知书</div>
						<div>尊敬的客户：</div>
						<div>感谢您选择中国移动！当您在办理移动号码入网时，请您确保这是您本人的自愿行为，且为您自己使用而办理，不是在他人要求或指使下办理，不是办理后给他人使用。
						同时特别提醒您：您应持本人身份证原件办理号码入网，您对本号码拥有使用权。根据国家公安部等五部委《关于依法严厉打击惩戒治理非法买卖电话卡银行卡违法犯罪活动的通告》，入网号码必须实名登记，且不得将号卡租借、贩卖或以任何方式提供给他人。如您的号码被他人利用发生涉恐、诈骗、骚扰等非法违规行为，您将承担本号码项下产生的所有责任，请您确保规范使用您的号码。
						</div>
						<div>中国移动通信集团销售分公司</div>
					</div> -->
					
					<!-- <div v-html="xieyi" style="margin-top: 30px;"></div> -->
					<!-- <div style="text-align: center; text-indent: 24px;">{{neirong.protocolName}}</div> -->
					<div v-html="neirong.content" style="margin-top: 30px;"></div>
				</div>
			</van-popup>
			<van-popup v-model="log3" style="width: 90%; height: 60vh;  padding: 0.3rem;">
				<div style="font-size: 12px; text-indent: 24px;">
					<div style="text-align: center;">关于客户个人信息收集、使用及保护的公告</div>
					
					
					
					<div>尊敬的客户：
					</div><div>您好！
					       </div><div>根据《中华人民共和国个人信息保护法》、《中华人民共和国数据安全法》、《中华人民共和国网络安全法》、《全国人民代表大会常务委员会关于加强网络信息保护的决定》、《电信和互联网用户个人信息保护规定》（工业和信息化部令第24号）和《电话用户真实身份信息登记规定》（工业和信息化部令第25号）等国家法律法规的要求，客户在移动公司各类营业网点（含自有营业厅、手机营业厅、网上营业厅、授权合作代理店等）办理移动电话卡（含无线上网卡）、固定电话、家庭宽带入网、过户以及需要出示客户证件的有关业务时，客户应配合出示有效身份证件原件并进行查验、登记。登记信息包括姓名、证件类型、证件号码等。同时，为更好地提供服务，可能需要客户提供如联系人、联系电话、通信地址、电子邮箱等信息。您在使用套餐类业务办理、通用流量包类业务办理、定向流量包类业务办理、权益+流量包办理、语音短信这类业务办理服务时，我们可能需要收集和使用您的手机号码、短信验证码，确保成功为您办理业务。
					</div><div>上述数据会提供给我们的合作运营商中国移动，用于为您办理业务。在接受和使用中国移动通信有限公司销售分公司的服务和产品前，您应了解中国移动通信有限公司销售分公司的《隐私和信息保护政策》（完整政策可查看网页https://dev.coc.10086.cn/coc/web2/Agreement/），同意本文件即视为您已了解并同意中国移动通信有限公司销售分公司的隐私和信息保护政策。
					       </div><div>客户本人持有效身份证件可通过自有营业厅查询和/或更正本人信息，或登录手机营业厅查询本人信息。如客户拒绝依法提供个人有效证件及真实信息，中国移动有权不提供服务或终止服务。
					       </div><div>为向客户提供优质、个性化的服务，我公司将遵循合法、正当、必要的原则，按照法律法规规定和/或协议约定使用留存客户个人信息，并妥善保管，严格保密，依法保护客户个人信息，非因下列事由，不对外提供客户个人信息：
					</div><div>1）事先获得客户的明确授权；
					</div><div>2）根据有关的法律法规要求；
					</div><div>3）按照相关司法机关和/或政府主管部门的要求；
					</div><div>4）为维护社会公众的利益所必需且适当；
					</div><div>5）为维护我公司或客户的合法权益所必需且适当；
					</div><div>6）为确保您能成功办理中国移动独立或与我们合作的运营活动，我们会将您提交的信息提供给中国移动。
					</div><div>山东博纳通讯科技有限公司</div>
					
											      
				</div>
			</van-popup>
			<van-popup v-model="jiazaizhong" :close-on-click-overlay="false"><van-loading type="spinner" color="#fff" /></van-popup>
			
			<van-popup v-model="querenshow" :close-on-click-overlay="false" class="xieyi">
				<span style="color: #000;">我已阅读并同意</span>
				<!-- <span style="color: #1989fa;font-size: 12px; margin-bottom: 0.1rem;" @click="log1 = true">《实名制信息安全责任告知书》</span> -->
				<span style="color: #1989fa;font-size: 12px; margin-bottom: 0.1rem;"  @click="log2show">《实名制信息安全责任告知书、中国移动通信客户服务协议》</span>
				<span style="color: #1989fa;font-size: 12px; margin-bottom: 0.1rem;" @click="log3 = true">《关于客户个人信息收集、使用及保护的公告》</span>

				<div style="display: flex; justify-content: flex-end; margin-top: 0.5rem;">
					<div style="border: 1px #eaeaea solid; color: #000; padding: 0.1rem 0.2rem; margin: 0.1rem;" @click="querenshow = false">取消</div>
					<div style="border: 1px #1989fa solid; background: #1989fa; color: #fff; padding: 0.1rem 0.2rem; margin: 0.1rem;" @click="tongyi">同意</div>
				</div>
			</van-popup>
			
			<van-popup v-model="lianxikefushow" :close-on-click-overlay="false" class="xieyi">
				<div style="color: #000; text-align: center;">您已成功下单，请勿重复提交</div>

				<div style="display: flex; justify-content: center; margin-top: 0.5rem;">
					<div style="border: 1px #eaeaea solid; color: #000; padding: 0.1rem 0.2rem; margin: 0.1rem;" @click="lianxikefushow = false">关闭</div>
					<div style="border: 1px #1989fa solid; background: #1989fa; color: #fff; padding: 0.1rem 0.2rem; margin: 0.1rem;" @click="lianxikefu">联系客服查询</div>
				</div>
			</van-popup>
			
			<van-popup v-model="applog" style="width: 90%; height: 60vh;  padding: 0.3rem;">
				<div style="font-size: 12px; text-indent: 24px;">
				<div style="text-align: center;">专属流量使用APP清单
				</div><div>中国移动精品APP：咪咕视频、咪咕音乐、咪咕阅读、咪咕快游、MM应用商城、和彩云
				</div><div>阿里系：优酷视频、手机淘宝、手机天猫、支付宝、钉钉、口碑、闲鱼、聚划算、蚂蚁财富、点淘。
				</div><div>百度系：百度、爱奇艺、百度地图、手机助手、百度输入法、好看视频、百度贴吧、百度文库、百度翻译、百度百科、秒懂百科、百度知道、百度网盘、爱奇艺随刻、爱奇艺泡泡、爱奇艺奇巴布、爱奇艺知识、爱奇艺漫画、奇秀、电视果。
				</div><div>抖音系：抖音及其极速版或lite版、头条及其极速版或lite版、抖音火山版、西瓜、半次元、图虫、皮皮虾、番茄畅听、懂车帝、FaceU激萌、轻颜相机、飞书、飞聊、多闪、gogokid、时光相册。
				</div><div>网易系：网易云音乐、网易游戏（一梦江湖、大话西游、大唐无双、第五人格、非人学园、孤岛先锋、光明大陆、花与剑、荒野行动、决战平安京、流星蝴蝶剑、率土之滨、梦幻西游、梦幻西游3D、梦幻西游无双、秘境对决、明日之后、倩女幽魂、权力与纷争、神都夜行录、实况足球、坦克世界闪击战、天下、天谕手游、阴阳师、永远的七日之都、战国志、终结战场、镇魔曲、三国如龙传、量子特攻、大航海之路）。
				</div><div>腾讯系: 手机QQ、腾讯视频、和平精英、QQ音乐、酷狗音乐、酷我音乐、手游加速器。
				</div><div>vivo：vivo应用商店、vivo游戏中心、i音乐、i主题、vivo官网、vivo商城
				</div><div>其他：哔哩哔哩、快手、芒果TV、喜马拉雅、新浪微博、网易云音乐。
				</div><div>后续根据合作拓展情况，纳入免流的APP范围将做相应的补充调整，具体以页面宣传为准。
				</div><div>免流使用范围：
				</div><div>建议使用专属流量包前将APP升级至最新版本，请在WIFI功能关闭下使用专属流量功能，避免WIFI和移动网络频繁切换导致专属流量服务启动失败。客户端不包含在“专属流量”内的适用范围，特别说明如下：
				</div><div>① 客户端启动、登录；客户端内的插播广告（图片、文字及视频）、弹幕，第三方的广告或直播、主播类视频，语音及视频聊天，在线观看和下载缓存的第三方视频等。
				</div><div>②手机号码处于国际或港澳台地区漫游状态下产生的流量。
				</div><div>③利用手机设置代理服务器或VPN等方式，访问APP所产生的流量。
				</div><div>④用无线上网卡、平板电脑、CPE、MIFI等非手机设备使用产生的流量。
				</div><div>⑤使用CMWAP接入点方式，访问视频APP所产生的流量。
				</div><div>⑥当号码作为热点使用时，网络不稳定可能会出现专属流量和通用流量交错使用的情况。</div>
				</div>
			</van-popup>
		</div>




		<script>
			var h = document.documentElement.clientWidth / 7.5 + 'px';
			document.documentElement.style.fontSize = h;

			
			new Vue({
				el: '#app',
				data: function() {
					return {
						guizeshow:true,
						applog:false,
						urlall:{
							tou:'https://photo.91haoka.cn/tuiguang/tou12.jpg?v='+Math.random(),
							wei:'https://photo.91haoka.cn/tuiguang/wei12.jpg?v='+Math.random()
						},
						lianxikefushow:false,
						time: 3 * 60 * 1000,
						querenshow:false,
						tijiaoing:true,
						jiazaizhong:false,
						log1:false,
						log2:false,
						log3:false,
						checked:false,
						areaList: "",
						shengshiqu: "点击选择所在地区",
						show: false,
						yzm: "获取验证码",
						yzmnum: 60,
						yzmuse: false,
						
						apis:"",
						peizhi:"",
						item:"",
						all:{
							id:"5637117",
							id_name:"",
							id_num:"",
							name:"",
							mobile:"",
							code:"",
							address:"",
							province:"",
							city:"",
							district:"",
							source:"",//	来源	是	string	页面拼接
							source_id:""//	20230324111111	是	string	date(‘ymdhis’)+4位随机数
						},
						xieyi:"",
						log4:false,
						neirong:"",
						tututu:"img/luoji.png"
						
					}
				},
				async created() {
					await axios.get("https://photo.91haoka.cn/tuiguang/areanew.json")
						.then(response=> {
							this.areaList = response.data
						})
					this.all.source = this.getUrlParam('source')
					
					this.all.source_id = moment().format('YYYYMMDDhhmmss') + (Math.random().toFixed(4)*10000).toString()
					console.log(this.all.source_id )
					
					if(location.host == 'yantaipangu.com'){
						this.tututu = "img/pangu.png"
					}
					if(location.host == 'yys.luojiweiye.com'){
						this.tututu = "img/luoji.png"
					}
					if(location.host == 'yys.bona123.cn'){
						this.tututu = "img/bona.png"
					}
				},
				mounted() {
					
				},
				methods: {
					
					log2show:function(){
						if (!this.all.province) {
							vant.Toast("请填写地址");
							return;
						}
						axios.get(`${this.apis}/api/store/product/protocol`,{params:{
								order_page_id:446781,
								address_province:this.all.province
							}
						}).then(response => {
								if (response.data.msg.code == 0) {
									this.neirong = response.data.data[0]
									this.log2 = true
								} else {
									vant.Toast(response.data.msg.info);
								}			
							})
						// if (!this.all.province) {
						// 	vant.Toast("请填写地址");
						// 	return;
						// }else{
						// 	if(this.all.province == '甘肃省'){
						// 		this.xieyi = gansu
						// 	}
						// 	if(this.all.province == '青海省'){
						// 		this.xieyi = qinghai
						// 	}
						// 	if(this.all.province == '宁夏回族自治区'){
						// 		this.xieyi = ningxia
						// 	}
						// 	if(this.all.province == '新疆维吾尔自治区'){
						// 		this.xieyi = xinjiang
						// 	}
						// 	if(this.all.province == '北京市'){
						// 		this.xieyi = beijing
						// 	}
						// 	if(this.all.province == '天津市'){
						// 		this.xieyi = tianjin
						// 	}
						// 	if(this.all.province == '河北省'){
						// 		this.xieyi = hebei
						// 	}
						// 	if(this.all.province == '山西省'){
						// 		this.xieyi = shanxi2
						// 	}
						// 	if(this.all.province == '内蒙古自治区'){
						// 		this.xieyi = neimenggu
						// 	}
						// 	if(this.all.province == '吉林省'){
						// 		this.xieyi = jilin
						// 	}
						// 	if(this.all.province == '黑龙江省'){
						// 		this.xieyi = heilongjiang
						// 	}
						// 	if(this.all.province == '上海市'){
						// 		this.xieyi = shanghai
						// 	}
						// 	if(this.all.province == '江苏省'){
						// 		this.xieyi = jiangsu
						// 	}
						// 	if(this.all.province == '浙江省'){
						// 		this.xieyi = zhejiang
						// 	}
						// 	if(this.all.province == '安徽省'){
						// 		this.xieyi = anhui
						// 	}
						// 	if(this.all.province == '福建省'){
						// 		this.xieyi = fujian
						// 	}
						// 	if(this.all.province == '江西省'){
						// 		this.xieyi = jiangxi
						// 	}
						// 	if(this.all.province == '河南省'){
						// 		this.xieyi = henan
						// 	}
						// 	if(this.all.province == '湖北省'){
						// 		this.xieyi = hubei
						// 	}
						// 	if(this.all.province == '湖南省'){
						// 		this.xieyi = hunan
						// 	}
						// 	if(this.all.province == '广东省'){
						// 		this.xieyi = guangdong
						// 	}
						// 	if(this.all.province == '广西壮族自治区'){
						// 		this.xieyi = guangxi
						// 	}
						// 	if(this.all.province == '海南省'){
						// 		this.xieyi = hainan
						// 	}
						// 	if(this.all.province == '重庆市'){
						// 		this.xieyi = chongqing
						// 	}
						// 	if(this.all.province == '四川省'){
						// 		this.xieyi = sichuan
						// 	}
						// 	if(this.all.province == '贵州省'){
						// 		this.xieyi = guizhou
						// 	}
						// 	if(this.all.province == '云南省'){
						// 		this.xieyi = yunnan
						// 	}
						// 	if(this.all.province == '西藏自治区'){
						// 		this.xieyi = xizang
						// 	}
						// 	if(this.all.province == '陕西省'){
						// 		this.xieyi = shanxi
						// 	}
							
						// 	this.log2 = true
						// }
						
					},
					lianxikefu:function(){
						window.location.href = 'https://work.weixin.qq.com/kfid/kfc03072011963d1f67'
					},
					//国政通
					guozhengtong: function() {
						this.tijiaoing = false
						return new Promise((res,rej)=>{
							let buhuidehua = setTimeout(()=>{
								console.log('没回复，直接下单')
								res('ok')
							},5000)
							axios.post(`${this.apis}/api/ocheck`,{
								name:this.all.id_name,
								id_num:this.all.id_num,
								id:this.all.id
							}).then(response => {
									if (response.data.msg.code == 0) {
										if(response.data.data == 'success'){
											console.log('回复，国政通success')
											clearTimeout(buhuidehua)
											res('ok')
										}else{
											console.log('回复，国政通fail')
											clearTimeout(buhuidehua)
											this.tijiaoing = true
											vant.Toast('请填写正确的姓名和身份证号码');
										}
									} else {
										console.log('回复，国政通报错')
										clearTimeout(buhuidehua)
										this.tijiaoing = true
										vant.Toast(response.data.msg.info);
									}			
								})
						})
					},
					
					tongyi:function(){
						this.checked = true
						this.querenshow = false
					},
					xuanzhong:function(t){
						this.checked = true
					},

					//获取url的code用
					getUrlParam: function(name) {
						var query = window.location.search.substring(1);
						var vars = query.split("&");
						for (var i = 0; i < vars.length; i++) {
							var pair = vars[i].split("=");
							if (pair[0] == name) {
								return pair[1];
							}
						}
						return (false);
					},

					//弹出省市区
					showPopup: function() {
						this.show = true
					},
					//省市区确认
					queren: function(v) {
						if (!v[0].code || !v[1].code || !v[2].code) {
							vant.Toast('请完整选择省市区');
							return false
						}
						this.all.province = v[0].name
						this.all.provincecode = v[0].code
						this.all.city = v[1].name
						this.all.citycode = v[1].code
						this.all.district = v[2].name
						this.all.districtcode = v[2].code
						
						this.shengshiqu = this.all.province + '  ' + this.all.city + '  ' + this.all.district
						
						this.show = false
					},
					//省市区取消
					quxiao: function() {
						this.show = false
					},
					
					tijiaogo:function(){
						var that = this
						axios.post(`${this.apis}/api/ooo`, this.all)
							.then(response=> {
								if (response.data.msg.code == 0) {
									window.location.href = './success.html'
									setTimeout(()=>{
										this.tijiaoing = true
									},100)
								} else {
									if(response.data.msg.code == 11){
										this.lianxikefushow = true
										this.tijiaoing = true
										this.all.id_name = ''
										this.all.id_num = ''
									}else{
										vant.Toast(response.data.msg.info);
										this.tijiaoing = true
									}
								}
		
							})
					},
					tijiao: function() {

						if(this.all.id_name == ''){
							vant.Toast("请填写姓名！");
							return false
						}
						this.all.name = this.all.id_name
						if(!/^1[3-9]\d{9}$/.test(this.all.mobile)){
							vant.Toast("请输入正确手机号");
							return false;
						}
						
						if (!/^[1-9]\d{5}(19|20)\d{2}(0[1-9]|1[0-2])(0[1-9]|[12]\d|3[01])\d{3}[0-9Xx]$/.test(this.all.id_num)) {
							vant.Toast("请填写正确身份证号码！");
							return false
						}
						

						if (!this.all.address || !this.all.province) {
							vant.Toast("请填写地址");
							return;
						}
						
						if(!this.checked){
							this.querenshow = true
							return false
						}
						
						let p = this.guozhengtong()
						p.then(res=>{
							this.tijiaogo()
						})
						
						
					}
				}
			});
		</script>
	</body>

</html>
